<template>
    <div>
        <el-container>
            <el-header><Header_user /></el-header>
            <el-container>
                <el-main><Main /></el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import Header_user from "../components/Header_user.vue";
import Main from "../components/Main.vue";
export default {
    name: "Home",
    components: {
        Header_user,
        Main,
    },
    data() {
        return {};
    },

    mounted() {},

    methods: {},
};
</script>

<style scoped>
.el-header,
.el-footer {
    background-color: rgb(235, 218, 218);
    color: #333;
    text-align: center;
    height: 30px;
    line-height: 60px;
}

.el-aside {
    background-color: #d3dce6;
    color: #333;
    text-align: center;
    line-height: 200px;
}

.el-main {
    background-color: #e9eef3;
    color: #333;
    text-align: center;
    line-height: 25px;
    overflow:-Scroll;
    overflow-y:hidden
}
</style>
